<template>

      <div   @click="registerClick"> 
        <router-link 
        :to = routerUrl
        class="login-btn"
        >{{btntext}}</router-link> 
      </div>
  
</template>

<script>
export default {
props:['btntext' , 'toUrl' , 'fontColor'] ,
methods : {
    registerClick () {
        this.$emit('registerSubmit')
    }
} ,
data() {
    return {
        routerUrl : this.toUrl
    }
}

}
</script>

<style lang = "less" scoped>

.login-btn {
    display: block;
    height: 3vw;
    width: 100%;
    /* background-color: #ff9db5; */
    /* color: white; */
    text-align: center;
    font-size: 1.2vw;
    
    line-height: 3VW;
    height: 100%;
    color: white;
    
}

</style>